<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>XXX职业教育在线测评与学习平台</title>
<script src="../live_lesson/js/jquery-1.8.0.min.js"></script>
<script src="../live_lesson/js/jquery.tabs.js"></script>
  		<!-- video.js must be in the <head> for older IEs to work. -->
<link rel="stylesheet" href="../live_lesson/css/video-js.css" >
<link rel="stylesheet" href="../live_lesson/css/course.css"/>
<link rel="stylesheet" href="../live_lesson/css/tab.css" media="screen">
<script src="../live_lesson/js/video.js"></script>
    
      <!-- Unless using the CDN hosted version, update the URL to the Flash SWF -->
      <script>
        videojs.options.flash.swf = "video-js.swf";
		
      </script>
      <script type="text/javascript">
$(function(){

	$('.demo2').Tabs({
		event:'click'
	});
    /*播放页*/
    var hclinet=$(window).height();
    var Height=hclinet-20;
    $(".tabcard").height(Height);
    $(".linevideo").height(hclinet-40);
    var vh=hclinet-150;
    $("#example_video_1").attr("height",vh).css("height",vh);
    var inum = 0;
    $(".ii").click(function() {
        inum++;
        if (inum % 2 != 0) {
            $(".interact").animate({
                    right: '-280px'
                },
                'fast');
            $(".linevideo").css("width", "90%");
            $(".iopen").show();
            $(this).text("<");
            $(".videoifram").width("100%").css("width", "100%");
            $(".signp").width("100%").css("width", "100%");
        } else {
            $(".interact").animate({
                    right: '12px'
                },
                'fast');
            $(".linevideo").css("width", "70%");
            $(".iopen").show();
            $(this).text(">");
            $(".videoifram").width(wclinet - 440).css("width", wclinet - 440);
            $(".signp").width(wclinet - 440).css("width", wclinet - 440);
        }
    });

    /*课程学过了标签*/
    var cs = 0;
    $(".sign").click(function() {
        cs++;
        if (cs % 2 != 0) {
            $(this).css("background-position", "5px -2161px");
        } else {
            $(this).css("background-position", "5px -2104px");
        }
    });
});
</script>
      <style>
      body { overflow:hidden;
	  		 scrollbar-base-color:#fff;
			 scrollbar-arrow-color:#fff; /*三角箭头的颜色*/
			 scrollbar-face-color: #333; /*立体滚动条的颜色（包括箭头部分的背景色）*/
			 scrollbar-3dlight-color: #fff; /*立体滚动条亮边的颜色*/
			 scrollbar-highlight-color: #fff; /*滚动条的高亮颜色（左阴影？）*/
			 scrollbar-shadow-color: #fff; /*立体滚动条阴影的颜色*/
			 scrollbar-darkshadow-color:#fff; /*立体滚动条外阴影的颜色*/
			 scrollbar-track-color: #fff; /*立体滚动条背景颜色*/
			 
			 
			
	  }
	   /* 设置滚动条的样式 */
			::-webkit-scrollbar {
				width: 10px;
			}
			/* 滚动槽 */
			::-webkit-scrollbar-track {
				border-radius:0
			}
			/* 滚动条滑块 */
			::-webkit-scrollbar-thumb {
				background: #333;
				
			}
			::-webkit-scrollbar-thumb:window-inactive {
				background: rgba(255,0,0,0.4);
			}
      </style>
</head>

<body>
   <div class="linevideo" style="overflow-x:hidden">
    	<span class="returnindex"><a class="gray" href="../courses_show.html" style="font-size:14px;">返回课程</a></span>
        <span class="taskspan"><span class="ts">课时100</span>&nbsp;&nbsp;<b class="tasktit">会计的概念与目标1</b></span> 
        <div style="width:100%;margin-top:20px;">
			<video width="auto" id="example_video_1" class="video-js vjs-default-skin  vjs-big-play-centered vvi " controls preload="none"  poster="../img/c6.jpg" data-setup="{}"><!--poster是视频未播放前的展示图片-->
			<source src="VID_20210508_152745.mp4" type='video/mp4' />
			<source src="VID_20210508_152745.mp4" type='video/mp4' />
			</video>
			<p class="signp"><span class="nextcourse" title="下一课时">下一课时</span></p>
        </div>
    </div>    
  <div class="interact">
   		<span class="ii" title="展开或收起">></span>
        <div class="clearh"></div>
  
          <div class="box1 demo2">
			<ul class="tab_menu vmulu">
				<li class="current">目录</li>
            </ul>
			<div class="tab_box tabcard">
				<div style="padding-bottom:30px;">
					<dl class="mulu noo1">
                        <dt>第一章&nbsp;&nbsp;总论</dt>
						<dd class="smalltitle">
                            <strong>第一节&nbsp;&nbsp;会计的概念与目标</strong>
                        </dd>
                        <a href="#">
                            <dd>
                                <i class="forwa nn"></i>
                                <strong class="cataloglink">课时1：会计的概念与目标1</strong>
                            </dd>
                        </a>
                        <a href="#">
                            <dd>
                                <i class="forwa fn"></i>
                                <strong class="cataloglink">课时2：会计的概念与目标2</strong>
                            </dd>
                        </a>

                        <dt>第二章&nbsp;&nbsp;会计要素与会计等式</dt>
						<dd class="smalltitle"><strong>第一节&nbsp;&nbsp;会计要素</strong></dd>
                        <a href="">
                            <dd>
                                <i class="forwa ff"></i>
                                <strong class="cataloglink">课时1：会计要素与会计等式1</strong>
                            </dd>
                        </a>
                        <a href="">
                            <dd>
                                <i class="forwa nn"></i>
                                <strong class="cataloglink">课时2：会计要素与会计等式2</strong>
                            </dd>
                        </a>

						<dt>第三章&nbsp;&nbsp;总论</dt>
						<dd class="smalltitle"><strong>第一节&nbsp;&nbsp;会计的概念与目标</strong></dd>
                        <a href="#"><dd><i class="forwa nn"></i><strong class="cataloglink">课时1：会计的概念与目标1</strong></dd></a>
                        <a href=""><dd><i class="forwa nn"></i><strong class="cataloglink">课时2：会计的概念与目标2</strong></dd></a>

						<dt>第四章&nbsp;&nbsp;总论</dt>
						<dd class="smalltitle"><strong>第一节&nbsp;&nbsp;会计的概念与目标</strong></dd>
                        <a href="#"><dd><i class="forwa nn"></i><strong class="cataloglink">课时1：会计的概念与目标1</strong></dd></a>
                        <a href=""><dd><i class="forwa nn"></i><strong class="cataloglink">课时2：会计的概念与目标2</strong></dd></a>

						<dt>第五章&nbsp;&nbsp;总论</dt>
						<dd class="smalltitle"><strong>第一节&nbsp;&nbsp;会计的概念与目标</strong></dd>
                        <a href="#"><dd><i class="forwa nn"></i><strong class="cataloglink">课时1：会计的概念与目标1</strong></dd></a>
                        <a href=""><dd><i class="forwa nn"></i><strong class="cataloglink">课时2：会计的概念与目标2</strong></dd></a>
                   </dl>	
				   <div class="clearh"></div>
				</div>

			</div>
		</div> 
    </div>
</body>
</html>
